.index{
    background-color: #ebebeb;
    position: absolute;
    width: 100%;
    height: 100%;
}
.at-divider__content {
    background-color:#ebebeb;
}  
.atlist-a{
    background-color: white;
    border-style: solid;
    border-color: #d0d0d0;
    border-width: 2px;
    border-left-color: white;
    border-right-color: white;
    border-bottom-color: white;
    padding: 10px;
    width: 100%;
    height: 50%;
}
.from{
    background-color: #fcfcfc;
}
.img-b{
    margin-top: 25px;
    width:150px;
    height: 150px;
}
.img-e{
    width: 250px;
    /* height: auto;    */
}
.textview{
    padding: 20px 25px;
    /* width:58%; */
    max-width: 58%;
    word-break:break-all ;
    margin: 10px 0 0 0px;
    border-radius:20px;
    background-color:white;
    display: flex;
    /* justify-content:center; */
    align-items:Center;
    float: right;
}
.textview-d{
    /* width: 250px; */
    /* height: auto; */
    display: flex;
    justify-content:center;
    align-items:Center;
    margin-left: 0px;
    margin-top: 0px;
    /* background-color:  #cccccc; */
    float: right;
}
.textview-c{
    width: 250px;
    /* height: auto; */
    display: flex;
    justify-content:center;
    align-items:Center;
    margin-left: 0px;
    margin-top: 0px;
    /* background-color:  #cccccc; */
    float: right;
}
.text{
    word-break:break-all;
    font-size: 30px;
}
.text-a{
    margin-left: 10px;
    font-size: 25px;
    color: #6d6d6d;
}
.box{
    margin-right: 15px;
    margin-top: 20px;
    width: 250px;
    float: right;
}
.video{
    width: 300px;
    height: 300px;
}
.time{
    background: #ebebeb;
    text-align: center;
    font-size: 25px;
    color: #8e8e8e;
}
.avatar{
    float: right;
    margin-left: 30px;
    margin-right: 30px;
}
.textBox{
    background: #ebebeb;
    padding-top: 30px;
    /* float: left; */
    width: 100%;
    display: flex;
    flex-direction: row;
    /* justify-content:center; */
    /* align-items:Center; */
}
.textBoxs{
    background: #ebebeb;
    padding-top: 30px;
    float: right;
    width: 100%;
    /* display: flex; */
    /* flex-direction: row;
    justify-content:center; */
    /* align-items:Center; */
}
.box{
    margin-right: 15px;
    margin-top: 20px;
    width: 250px;
    float: right;
}
.box-a{
    margin-top: 30px;
}
.divider{
    margin: -20px;
    margin-left: 5px;
}
.time{
    text-align: center;
    font-size: 25px;
    color: #8e8e8e;
}
.greenbtn{
    position: fixed;
    left: 0px;
    bottom: 0px;
    width: 100%;
    z-index: 9999;
}
.emptybox{
    height: 200px;
}
.btnctro{
    display: flex;
    justify-content:center;
    align-items:Center;
    margin-top: 30px;
}